//获取应用实例
const app = getApp()



Page({
  data: {
    src: '',
    width: app.globalData.epd_width, //宽度
    height: app.globalData.epd_height, //高度
    max_width: 500,
    max_height: 500,
    disable_rotate: true, //是否禁用旋转
    disable_ratio: true, //锁定比例
    limit_move: false, //是否限制移动
      },
  onLoad: function (options) {
    console.log(options);
    // this.data.width = options.width,
    //   this.data.height = options.height,
    this.setData({width:options.width,height:options.height})      
    console.log(" options.width,options.height", options.width,options.height)


    // this.setData({width:app.globalData.epd_width,height:app.globalData.epd_height})      
    // console.log("globalData.epd_width,globalData.epd_height",app.globalData.epd_width,app.globalData.epd_height)
    


    console.log(this.data);
    // console.log(wx.getSystemInfoSync().statusBarHeight)
    console.log(wx.getSystemInfoSync().windowHeight,wx.getSystemInfoSync().windowWidth)
    console.log(wx.getWindowInfo().windowHeight,wx.getWindowInfo().windowWidth)

    this.cropper = this.selectComponent("#image-cropper");
    this.cropper.imgReset();
    this.cropper.setCutCenter() ;
    this.setData({
      src: options.imgSrc,
      // width: options.width,
      // height: options.height,
      // max_width: options.width,
      // max_height: options.height,
    });
    // console.log(this.data)
    if (!options.imgSrc || options.imgSrc === 'undefined') {

      this.cropper.upload(); //上传图片
    }
  },
  onReady(){
    // console.log(wx.getSystemInfoSync().windowHeight,wx.getSystemInfoSync().windowWidth)
    console.log(wx.getWindowInfo().windowHeight,wx.getWindowInfo().windowWidth)

  },
  cropperload(e) {
    
    console.log(this.data);
    
    console.log('cropper加载完成');
  },
  loadimage(e) {
    wx.hideLoading();
    console.log('图片');
    // this.cropper.imgReset();
    let that=this
    // setTimeout(() => {
      this.cropper.imgReset();
      this.cropper.setCutCenter() ;
    //   // console.log('1111');
    // },300);

  },
  clickcut(e) {
    console.log(e.detail);
    //图片预览
    wx.previewImage({
      current: e.detail.url, // 当前显示图片的http链接
      urls: [e.detail.url] // 需要预览的图片http链接列表
    })
  },
  upload() {
    let that = this;
    wx.chooseImage({
      count: 1,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success(res) {
        wx.showLoading({
          title: '加载中',
        })
        const tempFilePaths = res.tempFilePaths[0];
        //重置图片角度、缩放、位置        
        setTimeout(() => {
          that.cropper.imgReset();
          that.cropper.setCutCenter() ;
        },1);
        that.setData({
          src: tempFilePaths
        });
      }
    })
  },
  setWidth(e) {
    this.setData({
      width: e.detail.value < 10 ? 10 : e.detail.value
    });
    this.setData({
      cut_left: this.cropper.data.cut_left
    });
  },
  setHeight(e) {
    this.setData({
      height: e.detail.value < 10 ? 10 : e.detail.value
    });
    this.setData({
      cut_top: this.cropper.data.cut_top
    });
  },
  switchChangeDisableRatio(e) {
    //设置宽度之后使剪裁框居中
    this.setData({
      disable_ratio: e.detail.value
    });
  },

  setCutTop(e) {
    this.setData({
      cut_top: e.detail.value
    });
    this.setData({
      cut_top: this.cropper.data.cut_top
    });
  },
  setCutLeft(e) {
    this.setData({
      cut_left: e.detail.value
    });
    this.setData({
      cut_left: this.cropper.data.cut_left
    });
  },
  switchChangeDisableRotate(e) {
    //开启旋转的同时不限制移动
    if (!e.detail.value) {
      this.setData({
        limit_move: false,
        disable_rotate: e.detail.value
      });
    } else {
      this.setData({
        disable_rotate: e.detail.value
      });
    }
  },
  switchChangeLimitMove(e) {
    //限制移动的同时锁定旋转
    if (e.detail.value) {
      this.setData({
        disable_rotate: true
      });
    }
    this.cropper.setLimitMove(e.detail.value);
  },
  switchChangeDisableWidth(e) {
    this.setData({
      disable_width: e.detail.value
    });
  },
  switchChangeDisableHeight(e) {
    this.setData({
      disable_height: e.detail.value
    });
  },
  submit() {
    this.cropper.getImg((obj) => {
      app.globalData.imgSrc = obj.url;
      wx.navigateBack({
        delta: -1
      })
    });
  },
  rotate() {
    //在用户旋转的基础上旋转90°
    this.cropper.setAngle(this.cropper.data.angle += 90);
  },
  top() {
    this.data.top = setInterval(() => {
      this.cropper.setTransform({
        y: -3
      });
    }, 1000 / 60)
  },
  bottom() {
    this.data.bottom = setInterval(() => {
      this.cropper.setTransform({
        y: 3
      });
    }, 1000 / 60)
  },
  left() {
    this.data.left = setInterval(() => {
      this.cropper.setTransform({
        x: -3
      });
    }, 1000 / 60)
  },
  right() {
    this.data.right = setInterval(() => {
      this.cropper.setTransform({
        x: 3
      });
    }, 1000 / 60)
  },
  narrow() {
    this.data.narrow = setInterval(() => {
      this.cropper.setTransform({
        scale: -0.02
      });
    }, 1000 / 60)
  },
  enlarge() {
    this.data.enlarge = setInterval(() => {
      this.cropper.setTransform({
        scale: 0.02
      });
    }, 1000 / 60)
  },
  end(e) {
    clearInterval(this.data[e.currentTarget.dataset.type]);
  },
  refresh(){
    this.cropper.imgReset();
    this.cropper.setCutCenter() ;
  },
})